import React, { useRef } from 'react';
import { View } from '@tarojs/components';
import { getCurrentInstance } from '@tarojs/taro';
import './index.scss';

const PointsRulePage = () => {
  const urlParms = useRef(null);
  urlParms.current = getCurrentInstance().router.params;
  return (
    <View className="pointsRulePage">
      <View className="flex-column--center">
        <View className="txt36 bold label">积分该怎么花</View>
        <View className="line"></View>
      </View>
      <View className="txt28 bold linet">抵扣现金</View>
      <View className="text">
        <View className="dot"></View>
        结算时，使用积分抵扣订单金额
      </View>

      <View className="flex-column--center">
        <View className="txt36 bold label mt32">常见问题</View>
        <View className="line"></View>
      </View>
      <View className="txt28 bold linet">积分状态</View>
      <View className="flex-column">
        <View className="text">
          <View className="dot"></View>
          积分分为收入、支出、冻结三个状态。
        </View>
        <View className="text mt20">
          <View className="dot"></View>
          收入：指的是通过所有渠道获得的积分
        </View>
        <View className="text mt20">
          <View className="dot"></View>
          支出：指的是消耗积分
        </View>
        <View className="text mt20">
          <View className="dot"></View>
          冻结：指的是处于保护期内的积分
        </View>
      </View>

      <View className="txt28 bold linet">积分有效期</View>
      <View className="text">
        <View className="dot"></View>
        {decodeURIComponent(urlParms.current.date || '')}
      </View>

      <View className="txt28 bold linet">优先使用即将过期的积分</View>

      <View className="txt28 bold linet">积分扣减规则</View>
      <View className="text">
        <View className="dot"></View>
        通过下单获得的积分，在订单退款时，会相应扣减积分。
      </View>

      <View className="txt28 bold linet">积分退回规则</View>
      <View className="text">
        <View className="dot"></View>
        下单时使用积分抵现，在整笔订单退款时，则会退回所有未失效的积分
      </View>

      <View className="ctend">#详情可咨询客服</View>
    </View>
  );
};
export default PointsRulePage;
